﻿@namespace Bootstrap5
@inherits BootstrapChildContentComponentBase

<Nav AdditionalCssClass="@GetCssClassString()" @attributes="AdditionalAttributes" role="tablist">
	@{
		for (var i=0;i<Items.Count;i++)
		{
			var item = Items[i];
			var index = i;
			<NavItem  role="presentation" @key="index">
				<NavRouteLink Actived="item.Active" Disabled="item.Disabled" Trigger="@(Bootstrap5.Trigger.Toggle(GetToggle()).Target($"#{item.Alias}"))" role="tab" href="javascript:;">
				@item.Title
				</NavRouteLink>				
			</NavItem>
		}
	}
</Nav>

<div class="tab-content pt-2">
	<CascadingValue Value="this">
		@ChildContent
	</CascadingValue>
</div>